// pages/dk/dk.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        tabs: ['基本介绍', '机构荣誉', '联系方式'],
        tabIndex: 0,
        img: "",
        name: "",
        praise: "",
        intro: "",
        tel: "",
        location: "",
        dk_list: [{
                id: 0,
                name: "广东粤剧院",
                img: "../../images/home/广东粤剧院.jpg",
                intro: "广东粤剧院创建于1958年，由原广东粤剧团、广州市粤剧团以及珠江、永光明、新世界、东方红、太阳升、南方、冠南华等几个粤剧团合并组成。首任院长为著名粤剧艺术大师马师曾，副院长罗品超，艺术总指导白驹荣。广东粤剧院历史悠久，艺术力量雄厚，是粤剧界规模最大、水平一流的表演艺术团体，是全球粤剧艺术生产的重要基地，被誉为粤剧的最高艺术殿堂。",
                location: "广东省广州市永庆大街19号",
                tel: "暂无",
                j:'113.27143',
                w:'23.13534',
                praise: "近十多年来，剧院多次被评为广东省先进集体，并获得全国文化先进集体的光荣称号。艺术上更屡获荣誉：《魂牵珠玑巷》1990年获第二届中国戏剧节优秀剧目奖、文化部首届文华新剧目奖；《伦文叙传奇》1995年获文化部文华新剧目奖及省鲁迅文学奖；《锦伞夫人》1997年获第五届中国戏剧节优秀剧目奖等多个奖项，1998年获文化部“孔雀奖”剧本银奖；2001年创立、每年一度的《粤剧新年盛会》，今天已成为高品位岭南文化新品牌，是省港澳粤剧界一大盛事；2004年6月，在《庆贺93岁高龄的著名粤剧表演艺术家罗品超先生舞台演出74周年暨申报吉尼斯世界纪录专场演出》晚会，大型历史粤剧《荆轲》获得了巨大成功，罗品超成为“世界上年龄最大、表演时间最长的艺术家”吉尼斯世界纪录保持者。《大明悲歌》2005年获第九届广东省艺术节多项金奖。剧院立足广东，面向全国，走向世界，曾多次出访美国、加拿大、新加坡、马来西亚、中国香港地区、中国澳门地区、中国台湾地区等国家和地区演出，深受海内外观众欢迎。2019年11月，《国家级非物质文化遗产代表性项目保护单位名单》公布，广东粤剧院获得“粤剧”项目保护单位资格。2020年12月9日，获评2018至2020年度“广东省文明单位”。"
            },
            {
                id: 1,
                name: "粤剧艺术博物馆",
                img: "../../images/home/粤剧艺术博物馆.jpg",
                intro: "粤剧艺术博物馆以保护、传承、弘扬粤剧艺术为主旨，通过陈列展览、舞台演出、文化交流、教育服务等方式，向公众展示粤剧艺术的精髓和魅力。基本陈列厅面积1900平方米，设《南国红豆 粤韵佳音》基本陈列，通过展板展示、展品陈列、模型复制以及场景复原等多种手段以及体感互动、触摸屏等多媒体形式集中展现粤剧的发展历程、艺术特色、组织机构以及在海内外的重要影响力；主题展厅面积560平方米，定期举办各种与粤剧艺术相关的专题展览；园区仿古戏台广福台每周定期举行粤剧粤曲展演，动态展示粤剧艺术特色；剧场设237个座席，配备先进的声光电系统，是馆内先进、完善的多功能粤剧艺术表演舞台。",
                location: "广州市荔湾区恩宁路127号",
                j:'113.24394',
                w:'23.12057',
                tel: "暂无",
                praise: "2017年，粤剧艺术博物馆获“中国建筑工程鲁班奖”。2020年，粤剧艺术博物馆入选“第四批国家二级博物馆名单”。2022年7月，被中共广州市委、广州市政府命名为第九批广州市爱国主义教育基地"
            },
            {
                id: 2,
                name: "广州粤剧院",
                img: "../../images/home/广州粤剧院.jpg",
                intro: "广州粤剧院于2009年6月25日正式挂牌成立（其前身广州粤剧团成立于1953年2月），由广州粤剧团、广州红豆粤剧团组建而成，拥有南方戏院、江南大戏院两个演出基地。主要经营业务包括戏曲表演、文艺创作、艺术培训、剧场经营等。现由余勇博士任董事长、党总支书记；著名表演艺术家欧凯明任总经理、艺术总监；著名粤剧文武生黎骏声任党总支部副书记兼监事会主席。广州粤剧团是在原广州粤剧一团的基础上，经调整充实一批中青年艺术骨干后于2001年6月重新组建，以探索粤剧艺术改革创新、培养艺术人材为宗旨，逐步形鲜明的艺术风格。广州红豆粤剧团由著名粤剧大师红线女创建于1990年，担负着继承和发展马（师曾）、红（线女）流派艺术的重要任务。 剧院人才济济，现有中国戏剧梅花奖“二度梅”、上海“白玉兰”获得者欧凯明，中国戏剧梅花奖获得者黎骏声、陈韵红、崔玉梅、苏春梅、吴非凡等高层次粤剧表演人才，此外还拥有一批表演实力派骨干、优秀青年演员、演奏、作曲、舞美、服装等人才。",
                praise: "艺术生产方面，剧院树立精品意识，推动粤剧艺术出人出戏。广州粤剧院编创出了一批优秀剧目，剧目题材、表现形式和风格上都更倾向于本土化、现代化、多元化、时尚化，更加贴近生活，贴近群众。其中多部剧目获得国家、省、市多项大奖，如《刑场上的婚礼》获广东省委宣传部“五个一工程奖”及中国艺术节“文华大奖特别奖”等多个奖项，《碉楼》获文化部第十四届文华奖“文华剧目奖”、第十二届广东省艺术节优秀剧目二等奖、广东省第九届精神文明建设“五个一工程”优秀作品奖等。剧院以其实力和严谨的舞台呈现赢得了观众的拥戴，多次代表国家、省、市出访美加、欧洲、澳洲、东南亚、港澳等国家和地区演出，蜚声海内外。",
                location: "广东省广州市桂花岗一街12号",
                j:'113.34943',
                w:'23.13035',
                tel: "020 8623 1083"
            },
            {
                id: 3,
                name: "广东粤剧博物馆",
                img: "../../images/home/广东粤剧博物馆.jpg",
                intro: "广东粤剧博物馆馆舍前身是兆祥黄公祠，于民国九年（1920年）建立，是广东省重点文物保护单位。2003年，重修。同年5月20日，成立广东粤剧博物馆；初名为佛山粤剧博物馆。同年5月23日，开馆。2004年4月2日，更名为广东粤剧博物馆。2007年7月30日，归属佛山市禅城区博物馆管理。截至2007年底，广东粤剧博物馆藏品数量为1266件/套。其中二级文物1件/套。",
                praise: "2005年，广东粤剧博物馆被联合国教科文组织授予“联合国亚太地区文化遗产保护奖荣誉奖”。2008年11月，广东粤剧博物馆被授予广东省“中华文化传承基地”。",
                location: "佛山市禅城区兆祥路兆祥公园",
                j:'113.12672',
                w:'23.03304',
                tel: "0757 8328 4524"
            }
        ]
    },
    onTabClick(e) {
        let id = e.currentTarget.id;
        this.setData({
            tabIndex: id,
        })
    },

    nav(e) {
        var that = this
        wx.getLocation({
            type: 'wgs84', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标
            success: function (res) {
                console.log(res);
                //赋值经纬度
                that.setData({
                    latitude: res.latitude,
                    longitude: res.longitude,
                })
                that.navgate()
                // wx.openLocation({
                //     type: 'wgs',
                //     latitude: res.latitude,
                //     longitude: res.longitude,
                //     name: that.data.name,
                //     address:that.data.location,
                //     scale: 28
                // })
            }
        })

    },
    navgate(e) {
      let plugin = requirePlugin('routePlan');
      // const location = plugin.getLocation()
      console.log(location)
      let key = 'SK5BZ-DSQ3Q-M2D5G-4WE5K-QZ5DF-2OFLS'; //使用在腾讯位置服务申请的key
      let referer = '南国红豆'; //调用插件的app的名称

      let endPoint = JSON.stringify({ //终点
        'name': this.data.location,
        'latitude': this.data.w,
        'longitude': this.data.j
      });
      wx.navigateTo({
        url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
      });
    },

    

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
      
        // options.id 就是首页传过来的id，接下来循环找到id所匹配的数据就可以进行渲染啦！
        this.data.dk_list.forEach(item => {
            if (options.id == item.id) {
                this.setData({
                    img: item.img,
                    name: item.name,
                    intro: item.intro,
                    praise: item.praise,
                    tel: item.tel,
                    location: item.location,
                    j:item.j,
                    w:item.w
                })
            }
        })
    },
    tels: function (e) {
        let tel = e.target.dataset.item;
        console.log(tel)
        wx.makePhoneCall({
            phoneNumber: tel,
        })
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})